<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/stu_login.css">
    <title>stuLogin</title>
</head>
<body>
<div class="contianer">
    <div class="left">
        <div class="shadow">
            <div class="index_font">
                <div class="font1">welcome to</div>
                <div class="font2">Independent Examination</div>
                <div class="font3">绿色学堂欢迎您的加入</div>
                <div class="font4">关注绿色学堂 自考更轻松</div>
            </div>
        </div>
    </div>
    <div class="right">
        <div class="right_container">

            <div class="center-div first_div">
                <span>登录</span>
                <span>|</span>
                <span class="active">注册</span>
            </div>

            <div class="iam props">我是:</div>
            <div class="item center-div">
                <span class="choose">学员</span>
                <span>教员</span>
            </div>

            <div class="props">手机号:</div>
            <input placeholder="请输入您的手机号">

            <div class="props">验证码:</div>
            <div>
                <input class="code" placeholder="请输入正确的验证码">
                <div class="get_code">获取验证码</div>
            </div>


            <div class="props">密码:</div>
            <input placeholder="请输入您的密码">

            <div class="props">确认密码:</div>
            <input placeholder="请再次确认您的密码">

            <div class="others">
                <span>其他注册</span>
                <span>
                    <img src="img/qq_icon.png" width="15px" alt="">
                </span>
                <span>
                    <img src="img/wx_icon.png" alt="">
                </span>

                <span></span>
                <span>确认注册&nbsp;></span>
            </div>
        </div>
    </div>
</div>
</body>
</html>
